:root{--primary-color:#6a0dad;--secondary-color:#9c27b0;--accent-color:#e91e63;--light-color:#f3e5f5;--dark-color:#4a148c;--purple-dark:#2a0a4a;--purple-light:#6a3093;--gold:#ffd700}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#1a0033,#330033);color:var(--light-color);min-height:100vh;display:flex}.sidebar{width:250px;background:linear-gradient(to bottom,var(--purple-dark),var(--purple-light));color:#fff;padding:20px 0;min-height:100vh;box-shadow:5px 0 15px rgb(0 0 0 / .2);position:fixed;z-index:100;transition:transform 0.3s ease}.sidebar-header{text-align:center;padding:0 20px 20px;border-bottom:1px solid rgb(255 255 255 / .1);margin-bottom:20px}.sidebar-header h2{font-family:'Kalam',cursive;margin:0;color:var(--gold)}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:0}.sidebar-nav a{display:block;padding:15px 30px;color:#fff;text-decoration:none;font-size:1.1rem;transition:all 0.3s ease;position:relative}.sidebar-nav a:hover{background:rgb(255 255 255 / .1);transform:translateX(5px)}.sidebar-nav a::before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--gold);opacity:0;transition:opacity 0.3s ease}.sidebar-nav a:hover::before{opacity:1}.language-toggle{position:fixed;bottom:30px;left:30px;display:flex;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .2);z-index:101}.language-btn{padding:10px 20px;border:none;background:none;cursor:pointer;font-weight:700;transition:all 0.3s ease;margin-top:10px}.language-btn.active{background:var(--purple-light);color:#fff}.mobile-menu-btn{position:fixed;top:20px;left:20px;background:var(--purple-light);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:102;box-shadow:0 4px 10px rgb(0 0 0 / .2);display:none;align-items:center;justify-content:center}.container{max-width:1200px;margin:0 auto;padding:20px 20px 20px 290px;flex:1}header{text-align:center;margin-bottom:30px;position:relative}h1{font-size:2.5rem;margin-bottom:10px;color:#ffeb3b;text-shadow:0 0 10px rgb(255 235 59 / .5);animation:glow 2s infinite alternate}@keyframes glow{from{text-shadow:0 0 5px rgb(255 235 59 / .5)}to{text-shadow:0 0 20px rgb(255 235 59 / .8),0 0 30px rgb(255 235 59 / .6)}}.description{font-size:1.2rem;margin-bottom:20px;line-height:1.6}.magic-ball{width:100px;height:100px;background:radial-gradient(circle at 30% 30%,#ffeb3b,#ff9800);border-radius:50%;position:absolute;top:-20px;right:50px;box-shadow:0 0 20px #ffeb3b;animation:float 3s ease-in-out infinite;display:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.feature-card{background:rgb(106 13 173 / .3);border:1px solid var(--secondary-color);border-radius:10px;padding:20px;transition:all 0.3s ease;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(156 39 176 / .3);background:rgb(106 13 173 / .5)}.feature-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 235 59 / .1) 0%,transparent 70%);transform:rotate(30deg);pointer-events:none}.feature-card h2{color:var(--light-color);margin-bottom:15px;font-size:1.5rem;border-bottom:1px solid var(--secondary-color);padding-bottom:10px}.feature-content{min-height:150px;display:flex;flex-direction:column;justify-content:space-between}button{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;transition:all 0.3s ease;margin-top:10px}button:hover{background:linear-gradient(45deg,var(--secondary-color),var(--accent-color));box-shadow:0 0 10px rgb(233 30 99 / .5)}.task-display{background:rgb(255 255 255 / .1);padding:15px;border-radius:5px;margin-bottom:15px;min-height:60px}.countdown{font-size:1.5rem;text-align:center;margin:15px 0;color:#ffeb3b}.progress-container{width:100%;background:rgb(255 255 255 / .1);border-radius:5px;margin:15px 0;height:20px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:5px;width:0%;transition:width 0.5s ease}.badge-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;margin-bottom:25px}.badge{width:50px;height:50px;background:radial-gradient(circle,#ffeb3b,#ff9800);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark-color);font-weight:700;position:relative;opacity:.3}.badge.unlocked{opacity:1;box-shadow:0 0 10px #ffeb3b;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.badge::after{content:attr(data-level);position:absolute;bottom:-20px;font-size:.7rem;width:100%;text-align:center;color:#fff}.quote-container{font-style:italic;text-align:center;padding:15px;border-radius:5px;background:rgb(255 255 255 / .1);margin-top:15px}.quote-author{margin-top:10px;font-weight:700}.upload-container{display:flex;flex-direction:column;gap:10px}.upload-preview{max-width:100%;max-height:150px;display:none;border-radius:5px}.completed{color:#4caf50;font-weight:700;display:none}.task-item{display:flex;align-items:center;margin-bottom:10px}.task-item input[type="checkbox"]{margin-right:10px;appearance:none;width:20px;height:20px;border:2px solid var(--secondary-color);border-radius:50%;cursor:pointer;position:relative}.task-item input[type="checkbox"]:checked{background-color:var(--secondary-color)}.task-item input[type="checkbox"]:checked::after{content:'✓';position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.secret-task{display:none;background:rgb(255 215 0 / .2);border:1px dashed gold;padding:15px;border-radius:5px;margin-top:15px}.badge-progress-text{margin-top:10px}@media (max-width:992px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.active{transform:translateX(0)}.container{padding-left:20px}.language-toggle{left:20px;bottom:20px}.mobile-menu-btn{display:flex}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}h1{font-size:2rem}.magic-ball{display:none}}#englishBtn{background-color:#fff;color:#050505}

.footer-content{
    text-align: center;
    margin-left: 180px;
}